<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>CRUISE</title>
    <link rel="icon" href="./images/webIcon.png" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="images/icons/fonts.css">
    <script type="text/javascript" src="frame/libs/require.js" data-main="frame/config/config.js"></script>
    <script type="text/javascript" src="module/js/index.js"></script>
</head>

<body>
    <header>
        <div class="container">
            <i id="menu" class="icon-navicon"></i>
            <a href="index.html"><img src="images/logo.svg"></a>
            <div class="me">
                <img src="images/timg.jpg" alt="">
                <span><i class="icon-angle-down"></i></span>
                <div class="me_info hide">
                    <ul>
                        <li><a href="#"><i class="icon-id-card"></i>Profile</a></li>
                        <li><a href="#"><i class="icon-sign-in"></i>Sign Out</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <section class="main">
        <div class="left">
            <ul>
                <li><a class="hover" href="#"><i class="icon-dashboard"></i>DASHBOARD</a></li>
                <li><a href="#"><i class="icon-sitemap"></i>AGENT</a></li>
                <li><a href="#"><i class="icon-boat"></i>MYCRUISE</a></li>
                <li><a href="#"><i class="icon-life-bouy"></i>HELP</a></li>
            </ul>
            <div class="history">
                <p>History</p>
                <li>bgstdmngbgr02/Acceptance_test</li>
                <li>bgstdmngbgr03/Acceptance_test</li>
                <li>bgstdmngbgr04/Acceptance_test</li>
                <li>bgstdmngbgr05/Acceptance_test_acentracontrolpanel</li>
                <li>bgstdmngbgr06/Acceptance_test</li>
            </div>
        </div>
        <div class="container">
            <section class="panel">
                <div class="building icon-cog">
                    <p class="panel_item_title">Building</p>
                    <p class="panel_num">3</p>
                </div>
                <div class="idle icon-coffee">
                    <p class="panel_item_title">Idle</p>
                    <p class="panel_num">5</p>
                </div>
                <div class="detail">
                    <div class="item">
                        <span>ALL</span>
                        <span>8</span>
                    </div>
                    <div class="item">
                        <span>PHYSICLE</span>
                        <span>4</span>
                    </div>
                    <div class="item">
                        <span>VIRTUAL</span>
                        <span>4</span>
                    </div>
                </div>
            </section>
            <section class="tbar">
                <nav>
                    <a href="#">Plan</a>
                    <a href="#">FAQ</a>
                    <a href="#">Notes</a>
                </nav>
                <div class="input_search">
                    <div><i class="icon-search search"></i></div>
                    <input class="search_name" name="email" type="text" />
                </div>
                <span><i class="icon-th-card"></i><i class="icon-th-list"></i></span>
            </section>
            <section id="container_box" class="concrete">

            </section>
        </div>
    </section>
    <footer>
        <div class="container">
            <p>Copyright © 2016 imooc.com All Rights Reserved.</p>
        </div>
    </footer>
    <!--遮罩层-->
    <div class="mask hide"></div>
</body>

</html>